import React, { Component } from 'react'
import PropTypes from 'prop-types'

export default class List extends Component {
  //简写:
  // static propType = {}
  // static defaultProps = {}
  render() {
    console.log(this.props)
    return (
      <div>
        <p>{this.props.yyy}</p>
        <ul>
          {this.props.xxx.map((item) => {
            return <li key={item}>{item}</li>
          })}
        </ul>
      </div>
    )
  }
}
// export default function List(props) {
//   console.log(props)
//   return (
//     <div>
//       <p>{props.yyy}</p>
//       <ul>
//         {props.xxx.map((item) => {
//           return <li key={item}>{item}</li>
//         })}
//       </ul>
//     </div>
//   )
// }

//props校验
List.propTypes = {
  // 表示xxx是一个数组,并且必须传递
  xxx: PropTypes.array.isRequired,
}

// props默认值
List.defaultProps = {
  xxx: ['大傻子', '必须写xxx属性', 'xxx必须是数组'],
}
